<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            function loadDate(){
                let year=document.getElementById("year");
                let month=document.getElementById("month");
                //获取当前的年份
                let currentYear=new Date().getFullYear();
                for(let i=1990;i<=currentYear;i++){
                    let option=new Option(i+"年",i);
                    year.add(option);
                }

                //加载月份

                for(let i=1;i<=12;i++){
                    let o=new Option(i+"月",i);
                    month.add(o);
                }

            }

            function loadDays(){
                //获取当前下拉列表被选中的年和月的值
                // select的DOM对象.value  可以获取当前选中项的值
                let yearValue=document.getElementById("year").value;

                console.log(yearValue)
                let monthValue=document.getElementById("month").value;
                //获取DOM对象
                let day=document.getElementById("day");
                day.length=1;
                if(yearValue==-1 || monthValue==-1){
                    return;
                }

                //根据年份和月份的值，计算这一年这个月有多少天
                let count=new Date(yearValue,monthValue,0).getDate();

                //将计算出来的日期初始化到第三个下拉列表中去
                for(let i=1;i<=count;i++){
                    let oo=new Option(i+"日",i);
                    day.add(oo);
                }

            }

            window.onload=function(){
                loadDate();
            };

        </script>
    </head>
    <body>
        <select id="year"  onchange="loadDays()">
            <option value="-1">--年--</option>
        </select>
        <select id="month" onchange="loadDays()">
            <option value="-1">--月--</option>
        </select>
        <select id="day">
            <option value="-1">--日--</option>
        </select>
    </body>
</html>